img{
    width: 100px;
    float: left;
    border-radius: 100px;
    margin-right: 15px;
    border: 2px solid black;
}

.username{
    text-align: center;
    
    font-size: 25px;
    font-weight: bold;
}
em{
    color: red;
    font-style: normal;
    font-weight: bold;
}

.toppage{
    margin-right: 13px;
    font-weight: bold;
}
.section-dog{
    margin-top: 50px;
}
.navBar{
    background-color: #333;
    overflow: hidden;
}
.navBar a{
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.navbar a:hover{
    color: blue;
}
.navBar details{
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}
.navBar a.active{
    background-color: #04AA6D;
    color:blue;
}
body{
    background: rgb(250,160,199);
    background: linear-gradient(180deg, rgba(250,160,199,1) 0%, rgba(129,170,218,1) 100%);
    font-size: 18px;
}
.aboutme{
    text-align: center;
    
}
.myLife{
    text-align: center;
    
    
}
span{
    background-color: transparent;
    
}

* {
    box-sizing: border-box;
  }
  
  details{
    background-color: #333;
    position: absolute;
    margin-left: 780px;
}